<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="../core/include.inc.jsp"%>

<style>
    .pageFormContent p {
        width: 90%;
    }
</style>

<div class="pageContent">
    <form method="post" action="user_add" class="pageForm required-validate"
          onsubmit="return validateCallback(this, dialogAjaxDone)">

        <div class="pageFormContent nowrap" layoutH="57">
            <p>
                <label>用户名</label>
                <input type="text" name="userName"
                       class="required" minlength="4" maxlength="20" />
            </p>

            <p>
                <label>密码</label>
                <input type="password" name="pwd" id="input_pwd"
                       class="required alphanumeric" minlength="6" maxlength="20" />
            </p>

            <p>
                <label>确认密码</label>
                <input type="password" name="cpwd"
                       class="required alphanumeric" equalto="#input_pwd"/>
            </p>

            <p>
                <label>物业/社区</label>
                <input type="text" name="workNo"
                       class="required" minlength="2" maxlength="20" />
            </p>

            <p>
                <label>联系人</label>
                <input type="text" name="personName"
                       class="required" minlength="2" maxlength="20" />
            </p>

            <p>
                <label>手机号</label>
                <input type="text" name="mobile"
                       class="required phone" maxlength="20"/>
            </p>

            <p>
                <label>服务热线</label>
                <input type="text" name="hotLine"
                       class="required phone" maxlength="20"/>
            </p>

            <p>
                <label>区县</label>
                <select name="county" class="combox">
                    <option value="杭州">杭州</option>
                    <option value="滨江">滨江</option>
                    <option value="西湖">西湖</option>
                    <option value="上城">上城</option>
                    <option value="下城">下城</option>
                    <option value="拱墅">拱墅</option>
                    <option value="江干">江干</option>
                    <option value="萧山">萧山</option>
                    <option value="余杭">余杭</option>
                    <option value="富阳">富阳</option>
                </select>
            </p>

            <p>
                <label>身份</label>
                <select name="roleId" class="combox">
                    <c:forEach var="role" items="${roleList}">
                        <option value="${role.id}">${role.roleName}</option>
                    </c:forEach>
                </select>
            </p>

        </div>
        <div class="formBar">
            <ul>
                <li>
                    <div class="buttonActive">
                        <div class="buttonContent" style="text-align: center;">
                            <button type="submit">保存</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </form>
</div>